
// 命名规范
// 类名以`ntes`开头，用于生成的专题
// 类名以`cms`开头，用于在cms中显示对应模块的缩略图且保证对应的标签的html为空。e.g. `<div class="cms-nav-mask"></div>`
// 
// 线上隐藏的内容 .ntes-hide 

.center-block{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.clearfix{
  *zoom:1;
  &:after{
    clear:both; 
    height:0; 
    overflow:hidden; 
    display:block; 
    visibility:hidden; 
    content:"."; 
  }
}
.ntes-left{
  float: left;
}
.ntes-right{
  float: right;
}
// Reset

.ntes-html{
  h1,h2,h3,h4,h5,h6,p,ul,ol,li{
    margin: 0; padding: 0;
  }
}
.ntes-html-inner{
  a {
    text-decoration: none;
    color: #282828;
    &:hover{
      text-decoration: underline;
      color: #ba2636 !important;
    }
  }
}

// Banner
.ntes-banner.banner1{
  height: 400px;
  background: #fff top center no-repeat;
  .content{
    width: 367px; height: 225px;
    padding: 175px 20px 0;
    background: rgba(40, 40, 40, 0.75);
  }
  .title{
    color: #fff;
    font: bold 45px/1 'Microsoft Yahei';
  }
  .subtitle{
    color: #fff;
    font: 28px/53px 'Microsoft Yahei';
  }
  .summary{
    color: #b8b8b8;
    font: 12px/22px '宋体';
  }
}
.ntes-banner.banner2{
  height: 380px;
  background-color: #F6F6F6;
  .banner-left {
    position: relative;
    float: left;
    width: 334px;
    margin-right: 45px;
    margin-top: 102px;
  }
  .img{
    float: left;
  }
  .title{
    font-weight: bold;
    font-size: 42px;
    line-height: 46px;
    font-family: "Microsoft Yahei";

  }
  .summary{
    line-height: 20px;
    color: #666666;
  }
  .hr{
    margin: 15px 0;
    border-top: 6px solid #C01715;
  }
}
.ntes-banner.banner3{
  height: 400px;
  background: #fff;
  .img{
    float: left;
  }
  .banner-right{
    float: left;
    position: relative;
    width: 405px;
    margin-left: -30px;
    margin-top: 76px;
    padding: 20px 20px 20px 30px;
    background: #fff;
  }
  .date{
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 5px;
    font: bold 26px/30px Arial;
    color: #fff;
    background: #d41d1d;
  }
  .title{
    color: #282828;
    font: bold 40px/45px 'Microsoft Yahei';
  }
  .subtitle{
    color: #282828;
    font: bold 60px/65px 'Microsoft Yahei';
    margin-bottom: 16px;
  }
  .summary{
    color: #888;
    font: 12px/20px '宋体';

  }
}
.ntes-banner.banner4{
  background: #282828;
  .banner-bg{
    height: 400px;
    background: #282828 right center no-repeat;
  }
  .title{
    display: inline-block;
    padding: 5px;
    margin-top: 180px;
    margin-bottom: 5px;
    color: #282828;
    font: bold 44px/1 'Microsoft Yahei';
    background: #FDFF37;
  }
  .subtitle{
    display: inline-block;
    padding: 5px;
    color: #282828;
    font: bold 44px/1 'Microsoft Yahei';
    margin-bottom: 16px;
    background: #FDFF37;
  }
  .summary{
    width: 570px;
    color: #89895A;
    font: 12px/20px '宋体';
  }
}
.ntes-banner.banner5{
  height: 400px;
  .banner-left{
    float: left;
  }
  .title{
    display: inline-block;
    margin-top: 120px;
    margin-bottom: 15px;
    color: #282828;
    font: bold 70px/1 'Microsoft Yahei';
  }
  .subtitle{
    display: inline-block;
    color: #282828;
    font: bold 44px/1 'Microsoft Yahei';
    margin-bottom: 25px;
  }
  .summary{
    width: 586px;
    color: #666;
    font: 12px/20px '宋体';
  }
  .banner-tie{
    float: left;
    margin-left: 160px;
    margin-top: 137px;
    padding-top: 104px;
    width: 173px; height: 76px;
    text-align: center;
    background: url(http://img3.cache.netease.com/utf8/xocean/images/banner-tie.png) 0 0 no-repeat;
  }
  .tiecount{
    font-size: 20px;
    font-family: Georgia;
    text-align: center;
    color: #EC442B;
  }
}
.ntes-banner.banner6{
  overflow: hidden;
  .banner-content{
    position: relative;
  }
  .img-left{
    position: absolute;
    top: 0; left: -458px;
    text-align: right;
  }
  .img-right{
    position: absolute;
    top: 0; right: -428px;
    text-align: left;
  }

  .img,.content{
    float: left;
  }
  .content{
    width: 546px;
    padding-top: 40px;
    text-align: center;
    img{
      margin-bottom: 28px;
    }
  }
  .title{
    color: #282828;
    font: bold 40px/1 "Microsoft Yahei";
  }
  .subtitle{
    margin-bottom: 12px;
    color: #282828;
    font: 12px/1 "宋体";
  }
  .summary{
    margin-bottom: 67px;
    color: #888;
    font: 12px/1 "宋体";
  }

}

.ntes-banner.banner7{
  height: 400px;
  .banner-left{
    float: left;
    margin-top: 100px;
  }
  .title{
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #282828;
    font: bold 70px/1 'Microsoft Yahei';
  }
  .subtitle{
    display: inline-block;
    color: #282828;
    font: bold 44px/1 'Microsoft Yahei';
    margin-bottom: 25px;
  }
  .summary{
    width: 586px;
    color: #888;
    font: 12px/20px '宋体';
  }
  .banner-img{
    float: left;
    margin-left: 75px;
    margin-top: 56px;
  }
}
.ntes-banner.banner8{
  position: relative;
  height: 400px;
  .banner-left{
    float: left;
  }
  .title{
    display: inline-block;
    margin-top: 114px;
    margin-bottom: 15px;
    color: #282828;
    font: bold 90px/1 'Microsoft Yahei';
  }
  .subtitle{
    display: inline-block;
    color: #282828;
    font: bold 40px/1 'Microsoft Yahei';
    margin-bottom: 25px;
  }
  .summary{
    width: 388px;
    color: #888888;
    font: 12px/20px '宋体';
  }
  .banner-img{
    float: right;
  }
}
.ntes-banner.banner9{
  height: 400px;
  text-align: center;
  background: url(http://img3.cache.netease.com/utf8/xocean/images/banner9.jpg) center top no-repeat;
  .title{
    margin-top: 57px;
    margin-bottom: 10px;
    color: #3a4747;
    font: 80px/1 'Microsoft Yahei';
  }
  .subtitle{
    color: #3a4747;
    font: 50px/1 'Microsoft Yahei';
    margin-bottom: 12px;
  }
  .number{
    color: #feff54;
    font: 40px/1 'Microsoft YaHei';
    margin-bottom: 10px;
  }
  .subtitle2{
    color: #508185;
    font-size: 14px/1 Arial;
    margin-bottom: 35px;

  }
  .summary{
    margin: 0 auto;
    width: 610px;
    text-align: left;
    color: #859797;
    font: 12px/20px '宋体';
  }
}
.ntes-banner.banner10{
  height: 400px;
  text-align: center;
  background: url(http://img3.cache.netease.com/utf8/xocean/images/banner10.jpg) center top no-repeat;
  .title{
    margin-bottom: 34px;
    color: #282828;
    font: 74px/1 'Microsoft Yahei';
  }
  .subtitle{
    margin-top: 94px;
    margin-bottom: 18px;
    color: #282828;
    font: 18px/1 'Microsoft YaHei';
  }
  .summary{
    width: 253px;
    margin: 0 auto;
    text-align: left;
    color: #937f3b;
    font: 12px/20px '宋体';
  }
}


.ntes-banner.banner11{
  padding-top: 546px;
  color: #fff;
  .content{
    padding: 14px 0 24px;
    background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/photo_text_bg.png) 0 0 repeat;
  }
  .title{
    margin-bottom: 16px;
    font: bold 35px/1 "Microsoft Yahei";
  }
  .digest{
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .icon-tie{
    display: inline-block;
    *zoom: 1;
    width: 25px;
    height: 25px;
    margin-left: 77px;
    vertical-align: middle;
    background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/news_tie.png) 0 0 no-repeat;
  }
}


// Nav
.ntes-nav-custom{
  li{
    float: left;
    line-height: 1;
    &.first a{
      border-left: 0;
    }
  }
  .nav4 a{
    width: 249px;
  }
  .nav5 a{
    width: 199px;
  }
  .nav6 a{
    width: 165px;
  }
  .nav7 a{
    width: 142px;
  }
  .nav8 a{
    width: 124px;
  }
  &.nav-1{
    a{
      float: left;
      padding: 12px 0;
      border-left: 1px solid #DFDFDF;
      text-align: center;
      color: #282828;
      background: #EEEEEE;
      text-decoration: none;
      &:hover{
        color: #fff;
        background: #282828;
      }
    }
  }
  &.nav-2{
    li{
      border-top: 4px solid #EEE;
      background: #EEEEEE;
      transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out;
      &:hover{
        border-top: 4px solid #282828;
        background: #FFFFFF;
      }
    }
    a{
      float: left;
      padding: 9px 0 11px;
      border-left: 1px solid #DFDFDF;
      text-align: center;
      color: #282828;
      text-decoration: none;
    }
  }
  &.nav-3{
    a{
      border-bottom: 4px solid #fff;
      float: left;
      padding: 9px 0 11px;
      color: #282828;
      text-align: center;
      text-decoration: none;
      -webkit-transition: border-color 0.2s ease-in-out;
      transition: border-color 0.2s ease-in-out;
      &:hover{
        border-bottom: 4px solid #DC4329;
      }
    }
  }
}

// Main body
.ntes-main-body{
  padding-bottom: 20px;
  .main-body-title{
    font: bold 20px/1 "Microsoft Yahei";
    color: #666;
    padding: 20px 0 25px;
  }
  .main-body-1, .main-body-2, .main-body-3{
    // Info
    .info{
      float: left;
      width: 640px;
      .news_one{
        padding: 25px 0 25px 0;
        height: 125px;
        border-bottom: 1px solid #eaeaea;
        &:hover{
          background: #f5f5f5;
        }
        &.last{
          border-bottom: 0;
        }
        &.havepic{
          .pic_link{
            float: left;
            *display: inline;
            position: relative;
            margin-right: 24px;
            width: 180px;
            height: 125px;
            overflow: hidden;
          }
          .news_main_info{
            float: left;
            *display: inline;
            width: 416px;
          }
        }
        .news_main_info{
          h2{
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 10px;
            font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif;
            height: 24px;
            overflow: hidden;
            font-weight: bold;
          }
          p{
            color: #666;
            line-height: 20px;
            height: 65px;
            overflow: hidden;
          }
        }
        .news_sub_info{
          height: 20px;
          line-height: 20px;
          margin-top: 5px;
          .news_tie {
            float: right;
            _width: 65px;
            height: 20px;
            padding: 0 20px;
            font-size: 12px;
            color: #888;
          }
          .join_num{
            display: block;
            height: 24px;
            padding-left: 28px;
            color: #888;
            background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/news_tie.png) 0 1px no-repeat;
          }

        }
      }
    }
    .load_more {
      border-bottom: 1px #afafaf solid;
      height: 15px;
      margin-top: -1px;
      padding-top: 10px;
      text-align: center;
      background: #fff;
      span {
        display: inline-block;
        *zoom: 1;
        padding: 0 15px;
        background: #fff;
        margin-bottom: -15px;
      }
      .more_news {
        width: 94px;
        height: 25px;
        display: block;
        overflow: hidden;
        line-height: 25px;
        color: #fff !important;
        background: #606060;
        -moz-border-radius: 25px;
        -o-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        text-align: center;
        &:hover{
          background: #CE1111;
          text-decoration: none;
        }
      }
    }
    // Aside
    .aside{
      float: right;
      margin-left: 4px;
      padding-top: 25px;
      width: 300px;
    }
  }
  .main-body-4{
    padding-top: 20px;
    .info{
      float: left;
      width: 640px;
    }
    // Aside
    .aside{
      float: right;
      margin-left: 4px;
      width: 300px;
    }
    .news-item{
      padding: 30px 0 30px 12px;
      border-top: 1px solid #EAEAEA;
      background: url(http://img3.cache.netease.com/utf8/xocean/images/dot.png) left center no-repeat;
      &.first{
        border-top: 0;
      }
      &:hover{
        background: #f5f5f5;
      }
      .link{
        float: left;
        font-size: 20px;
        line-height: 1;
        font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif;
        color: #282828;
        &:hover{
          color: #ba2636;
          text-decoration: underline;
        }
      }
      .news_tie {
        float: right;
        _width: 65px;
        height: 20px;
        padding: 0 20px;
        font-size: 12px;
        color: #888;
      }
      .join_num{
        display: block;
        height: 24px;
        padding-left: 28px;
        color: #888;
        background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/news_tie.png) 0 1px no-repeat;
      }
    }
    .news_tie{
      float: right;
    }
  }
  .main-body-5{
    padding-top: 20px;
    .header{
      font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
      color: #666666;
      font-size: 18px;
      line-height: 18px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    ul{
      list-style: none;
    }
    .news-item{
      float: left;
      width: 300px;
      margin-right: 50px;
      &.last{
        margin-right: 0;
      }
      .title-img{
        height: 150px;
        width: 300px;
        background: #ccc;
        img{
          height: 100%;
          width: 100%;
        }
      }
    }
    .news-detail-item{
      font-size: 14px;
      margin-bottom: 15px;
      &.first{
        font-weight: bold;
        margin: 16px 0;
      }
      .icon-squire{
        font-size: 0;
        border: 1px solid #888;
        display: inline-block;
        vertical-align: middle;
        margin: 0 12px 0 6px;
      }
      a,a:visited{
        text-decoration: none;
        color:#000;
        &:hover{
          text-decoration: underline;
        }
      }
    }
  }
  .main-body-6{
    .header-wrapper{
      border-bottom: 1px solid #f5f5f5;
      .header{
        font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
        color: #666;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        width: 992px;
        margin-bottom: 25px ;
        padding-top: 20px;
      }
      .header-detail{
        padding: 20px 0 40px;
      }
      .icon-mark{
        width: 26px;
        height: 20px;
        background: url("http://img3.cache.netease.com/utf8/xocean/images/icon-mark.png") no-repeat;
        &.icon-mark-left{
          background-position: 0 0;
          margin-left: 38px;
        }
        &.icon-mark-right{
          background-position: 0 -22px;
          float: right;
          margin-right: 38px;
        }
      }
      .detail{
        padding: 18px 68px;
        font-size: 14px;
        line-height: 1.8;
      }
    }
    .news-wrapper{
      padding-top: 35px;
      .news-list{
        float: left;
        width: 500px;
      }
      .news-item{
        padding: 0 0 0 16px;
        line-height: 1.5;
        margin-bottom: 35px;
        .title{
          font-weight: bold;
          font-size: 14px;
          margin-bottom: 16px;
        }
        .content{
          font-size: 12px;
          color: #888;
        }
      }
      .scroll-img-wrapper{
        position: relative;
        float: right;
        height: 280px;
        width: 450px;
        background: #888;
        overflow: hidden;
        img{
          width: 100%;
          height: 100%;
        }
        .title{
          height: 30px;
          line-height: 30px;
          position: absolute;
          bottom: 0;
          background: rgba(0,0,0,0.6);
          width: 100%;
          padding-left: 10px;
          font-size: 14px;
          color: #f6f6f6;
        }
        a{
          color: #fff;
          &:hover{
            color: #ba2636;
          }
        }
      }
    }
  }
  .main-body-7{
    .header-wrapper{
      border-bottom: 1px solid #f5f5f5;
      .header{
        font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
        color: #666;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        width: 992px;
        margin-bottom: 25px;
        padding-top: 20px;
      }
      .header-detail{
        padding: 20px 0 40px;
      }
      .icon-mark{
        width: 26px;
        height: 20px;
        background: url("http://img3.cache.netease.com/utf8/xocean/images/icon-mark.png") no-repeat;
        &.icon-mark-left{
          background-position: 0 0;
          margin-left: 38px;
        }
        &.icon-mark-right{
          background-position: 0 -22px;
          float: right;
          margin-right: 38px;
        }
      }
      .detail{
        padding: 18px 68px;
        font-size: 14px;
        line-height: 1.8;
      }
    }
    .person-wrapper{
      padding-top: 42px;
      .person-item{
        width: 288px;
        height: 80px;
        float: left;
        margin-right: 60px;
        margin-bottom: 68px;
        &.last{
          margin-right: 0;
        }
        img{
          background: #000;
          height: 80px;
          width: 80px;
          border-radius: 40px;
          float: left;
        }
        .detail{
          margin-left: 90px;
          margin-bottom: 12px;
          p{
            font-size: 12px;
            color: #888;
            margin-bottom: 8px;
          }
          .name{
            font-size: 14px;
            font-weight: bold;
            color: #000;
            padding-top: 12px;
            margin-bottom: 12px;
          }
        }
      }
    }
  }
  .main-body-8{
    .header{
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 25px;
      padding-top: 20px;
      font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
      color: #666;
    }
    .news-list{
      padding-top: 50px;
    }
    .news-item{
      width: 285px;
      margin-right: 72px;
      padding-top: 8px;
      padding-bottom: 10px;
      border-top: 8px solid #342828;
      border-bottom: 2px solid #DC4329;
      line-height: 1;
      &.ntes-right{
        margin-right: 0;
        border-top-color: #DC4329;
      }
      &.last{
        margin-right: 0;
      }
      .title{
        display: block;
        margin-top: 20px;
        font-family: "Microsoft Yahei";
        font-size: 30px;
        color: #282828;
      }
      .subtitle{
        margin: 13px 0 25px;
        font-size: 14px;
        color: #282828;
      }
      .desc{
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 20px;
        color: #888888;
      }
      .more{
        color: #888;
      }
      .arrow{
        float: left;
        margin-right: 7px;
        width: 13px; height: 13px;
        background: url('../images/ntes/red-arrow.png') 0 0 no-repeat;
      }
    }
  }
  .main-body-9{
    padding: 50px 0 60px;
    background: #E1E1E1;
    .header{
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 25px;
      padding-top: 20px;
      font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
      color: #666;
    }
    .mb-left{
      width: 300px;
      .title{
        display: block;
        margin-top: 15px;
        font-size: 16px;
        font-weight: bold;
      }
    }
    .mb-right{
      width: 600px;
      .title{
        display: block;
        margin-bottom: 15px;
        font-family: "Microsoft Yahei";
        font-size: 30px;
        color: #282828;
      }
    }
    .digest{
      border-bottom: 1px solid #d0d0d0;
      padding-bottom: 20px;
      line-height: 20px;
      color: #888;
      font-size: 12px;
    }
    .news-list{
      padding-top: 22px;
    }
    .news-item{
      float: left;
      width: 170px;
      margin-right: 45px;
      &.last{
        margin-right: 0;
      }
    }
    .news-title{
      display: block;
      margin-top: 15px;
    }
  }
  .main-body-10, .main-body-11{
    padding: 30px 0;
    background-color: #282828;
    .title{
      padding-bottom: 19px;
      border-bottom: 1px solid #363636;
      text-align: center;
      color: #DC4329;
      font-family: "Microsoft Yahei";
      font-size: 28px;
      font-weight: bold;
    }
    .more{
      margin-left: 10px;
      color: #DC4329;
      font-size: 12px;
      vertical-align: bottom;
    }
    .news-item{
      float: left;
      margin-left: 62px;
      padding: 23px 0;
      width: 203px;
      &.first{
        margin-left: 0;
      }
    }
    .news-title{
      display: block;
      padding: 15px 0 6px;
      font-weight: bold;
      color: #fff;
    }
    .digest{
      color: #969696;
      line-height: 20px;
    }
  }
  .main-body-11{
    background-color: #fff;
    .title{
      color: #666666;
      border-color: #EFEFEF;
    }
    .more{
      color: #666666;
    }
    .news-title{
      color: #282828;
    }
    .digest{
      color: #888;
    }
  }
  .main-body-12{
    padding-top: 20px;
    .item{
      float: left;
      width: 276px;
      margin-left: 19px;
      padding: 20px;
      border-radius: 7px;
      font-size: 12px;
      background-color: #F5F5F5;
      &.first{
        margin-left: 0;
      }
    }
    img{
      border-radius: 7px;
    }
    .title{
      display: block;
      margin: 25px 0 13px;
      text-align: center;
      color: #282828;
      font-size: 20px;
      font-weight: bold;
      font-family: "Microsoft Yahei";
    }
    .subtitle{
      display: block;
      margin-bottom: 23px;
      text-align: center;
      color: #888;
    }
    .digest{
      line-height: 20px;
      color: #282828;
    }
  }
  .main-body-13, .main-body-14, .main-body-15, .main-body-16{
    padding-top: 520px;
    padding-bottom: 20px;
    .title{
      display: block;
      padding: 20px 30px;
      color: #252525;
      font: bold 30px/1 "Microsoft Yahei";
      background-color: #fff;
    }
    .body{
      padding: 0 30px;
      font-size: 14px;
      line-height: 27px;
      color: #252525;
      background-color: #fff;
      p{
        margin-bottom: 30px;
      }
    }
  }
  .main-body-14{
    padding-top: 312px;
  }
  .main-body-15{
    padding-top: 0;
    .article-1{
      height: 350px;
      padding-top: 25px; 
      padding-right: 380px;
      .title, .body{
        padding-left: 0;
        padding-right: 50px;
        background-color: #fff;
      }
    }
    .article-2{
      height: 350px;
      padding-top: 25px; 
      padding-left: 380px;
      .title, .body{
        padding-right: 0;
        padding-left: 50px;
        background-color: #fff;
      }
    }
    .body{
      padding-bottom: 10px;
    }
  }
}

// Aside
.ntes-aside{
  padding-bottom: 25px;
  .aside-title{
    margin-bottom: 18px;
    color: #666;
    font: bold 18px/1 'Microsoft Yahei';
  }
  .news_item{
    display: block;
    padding-left: 12px;
    line-height: 26px;
    font-size: 12px;
    color: #282828;
    background: url(http://img3.cache.netease.com/utf8/xocean/images/dot.png) left center no-repeat;
  }

  // Aside-1
  .aside-1{
    .item{
      display: block;
      margin-bottom: 30px;
    }
    img{
      float: left;
    }
    .right{
      float: right;
      width: 203px;
      font-size: 12px;
    }
    .name{
      display: block;
      color: #2a2a2a;
      line-height: 24px;
    }
    .desc{
      color: #8e8e8e;
      line-height: 23px;
    }
  }

  // Aside-2
  .aside-2{
    .haspic{
      .pic-link{
        float: left;
        margin-right: 10px;
      }
      .news-main-info{
        float: left;
        width: 220px;
        overflow: hidden;
      }
    }
    .first{
      display: block;
      margin-bottom: 12px;
      font: bold 15px/1 '宋体';
      color: #414141;
      white-space: nowrap;
    }
    .first-summary{
      margin-bottom: 14px;
      font-size: 12px;
      color: #a8a8a8;
      line-height: 23px;
    }
  }

  // Aside-3
  .aside-3{
    img{
      float: left;
    }
    .right{
      float: right;
      width: 160px;
      overflow: hidden;
      a{
        display: block;
        margin-bottom: 3px;
        color: #282828;
        font: bold 12px/1 '宋体';
        white-space:nowrap;
      }
      span{
        line-height: 20px;
        color: #888;
      }
    }
    .item{
      margin-bottom: 10px;
      &.second{
        margin-top: 20px;
      }
    }
  }

  // Aside-4
  .aside-4{
    .photoset{
      position: relative;
    }
    .indicator{
      position: absolute;
      right: 0; top: -20px;
      span{
        float: left;
        width: 7px; height: 7px;
        margin-left: 10px;
        cursor: pointer;
        background: url(http://img3.cache.netease.com/utf8/xocean/images/photoset-dot.png) -10px 0 no-repeat;
        &.current{
          background-position: 0 0;
        }
      }
    }
    ul{
      height: 200px;
    }
    li{
      position: absolute;
      display: none;
      top: 0; left: 0;
      &.current{
        display: block;
      }
    }
    img{
      width: 300px; height: 200px;
    }
    .shelter{
      position: absolute;
      left: 0; bottom: 0;
      width: 280px;
      z-index: 1;
      padding: 10px;
      color: #fff;
      background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/photo_text_bg.png) 0 0 repeat;
    }
  }

  // Aside-5
  .aside-5{
    .link{
      position: relative;
      display: block;
      margin-bottom: 10px;
    }
    .vedio-mask{
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: url(http://img3.cache.netease.com/utf8/xocean/images/vedio-mask.png) center center no-repeat;
    }
    .vedio-title{
      position: absolute;
      left: 0; bottom: 0; right: 0;
      line-height: 30px;
      color: #fff;
      background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/photo_text_bg.png) 0 0 repeat;
      span{
        margin: 0 10px;
      }
    }
  }

  // Aside-6
  .aside-6{
    .item{
      float: left;
      width: 130px;
      margin-right: 40px;
      margin-bottom: 23px;
      color: #282828;
      &.last{
        margin-right: 0;
      }
      span{
        line-height: 35px;
      }
    }
  }

  // Aside-7
  .aside-7{
    .schedule-item{
      padding-left: 10px;
      height: 56px;
      line-height: 56px;
      border-bottom: 1px solid #EBEBEB;
      border-top: 1px solid #FAFAFA;
      position: relative;
      .clearfix();
      .date{
        float: left;
        width: 104px;
        height: 56px;
        padding-top: 2px;
        font-size: 20px;
        margin-right: 5px;
        vertical-align: -2px;
        font-family: "Arial";
        overflow: hidden;
      }
      .title{
        float: left;
        width: 180px;
        height: 34px;
        overflow: hidden;
        font-size: 12px;
      }
      &.special{
        line-height: 1;
        border-top: 0;
        p{
          font-family: "Arial";
          font-size: 12px;
          color: #282828;
          font-weight: bolder;
          margin-bottom: 2px;
        }
        .date{
          font-size: 34px;
          margin-right: 3px;
          height: 34px;
        }
        .title{
          font-weight: bolder;
          line-height: 34px;
        }
      }
      &.active{
        .hover{
          height: 40px;
          width: 4px;
          position: absolute;
          background: #CE1111;
          left: 0;
        }
      }
    }
  }

  // Aside-8
  .aside-8{
    .news_one{
      margin-bottom: 26px;
      font-size: 12px;
      line-height: 1;
    }
    span{
      display: inline-block;
      *zoom: 1;
      padding: 1px 4px;
      margin-right: 24px;
      color: #fff;
      background: #DC4329;
      &.last{
        background: #888;
      }
    }
  }

  // Aside-9
  .aside-9{
    .news_one{
      margin-bottom: 25px;
      &.first{
        position: relative;
        height: 150px;
        margin-bottom: 17px;
      }
    }
    .shelter{
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 30px;
      line-height: 30px;
      color: #fff;
      background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/photo_text_bg.png) 0 0 repeat;
      span{
        float: left;
        width: 30px;
        text-align: center;
        margin-right: 13px;
        background: #DC4329;
      }
      a{
        color: #fff;
      }
    }
    .number{
      display: inline-block;
      *zoom: 1;
      padding: 1px 4px;
      margin-right: 24px;
      color: #fff;
      background: #DC4329;
      &.last{
        background: #888;
      }
    }
  }

  // Aside-10
  .aside-10{
    .news-item{
      display: block;
      border-left: 3px solid #DADADA;
      margin-bottom: 10px;
      padding-left: 13px;
      line-height: 25px;
      font-size: 12px;
      text-decoration: none;
      &.first{
        line-height: 35px;
        border-left-color: #282828;
        color: #fff;
        background: #DC4329;
      }
    }
  }

  // Aside-11
  .aside-11{
    .item{
      float: left;
      margin: 0 1px 1px 0;
      padding: 10px 20px;
      color: #fff;
      font-size: 14px;
      font-family: '宋体';
      background-color: #858585;
      &:hover{
        background-color: #DC4329;
      }
    }
  }

  // Aside-12
  .aside-12{
    .item{
      display: block;
      margin-bottom: 15px;
      padding-left: 11px;
      border-left: 3px solid #fff;
      line-height: 25px;
      color: #fff !important;
      text-decoration: none;
      &.first{
        border-left-color: #DC4329;
      }
    }
  }

}
// Photoset
.ntes-photoset{
  padding-bottom: 20px;
  .photoset-title{
    font: bold 20px/2.5 "Microsoft Yahei";
    color: #666;
  }
  .photoset-1{
    .p1, .p2{
      float: left;
      margin-right: 5px;
    }
    .p3{
      float: left;
      margin-bottom: 5px;
    }
    .p4{
      float: left;
    }
    .p1 img{
      width: 490px;
      height: 305px;
    }
    .p2 img{
      width: 250px;
      height: 305px;
    }
    .p3 img,.p4 img{
      width: 250px;
      height: 150px;
    }
  }
  .photoset-2{
    .item{
      float: left;
      position: relative;
      margin: 0 15px 15px 0;
      &.last{
        margin: 0;
      }
      &:hover .item-shelter{
        display: block;
      }
    }
    .item-shelter{
      position: absolute;
      display: none;
      bottom: 0; left: 0;
      padding: 10px;
      background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/photo_text_bg.png) 0 0 repeat;
    }
    .shelter-title{
      display: block;
      margin-bottom: 5px;
      color: #fff;
      font-size: 14px;
    }
    .shelter-content{
      color: #ccc;
      line-height: 20px;
    }
  }
  .photoset-3{
    .p1,.p2,.p3,.p4,.p5,.p6{
      float: left;
    }
    .p1{
      margin-right: 1px;
      img{
        width: 265px;
        height: 470px;
      }
    }
    .p2{
      margin-right: 1px;
      margin-bottom: 1px;
      img{
        width: 440px;
        height: 250px;
      }
    }
    .p3{
      margin-bottom: 1px;
      img{
        width: 293px;
        height: 250px;
      }
    }
    .p4,.p5{
      margin-right: 1px;
    }
    .p4,.p5,.p6{
      img{
        width: 244px;
        height: 219px;
      }
    }
    
  }
  .photoset-4{
    .p-item{
      float: left;
      position: relative;
      &:hover .item-shelter{
        display: block;
      }
    }
    .p1{
      margin-right: 12px;
      margin-bottom: 12px;
    }
    .p2{
      margin-right: 12px;
      margin-bottom: 12px;
    }
    .p3{
      margin-bottom: 12px;
    }
    .p4{
      margin-right: 12px;
      margin-bottom: 12px;
    }
    .p5{
      margin-bottom: 12px;
    }
    .p6{
      margin-right: 12px;
    }
    .p7{
      margin-right: 12px;
    }
    .p8{
      margin-right: 12px;
    }

    .item-shelter{
      display: none;
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      color: #fff;
      text-align: center;
      line-height: 24px;
      cursor: pointer;
      background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/photo_text_bg.png) 0 0 repeat;
      span{
        font-weight: normal;
        font-family: "SimSun";
        color: #fff;
        font-size: 14px;
        border-bottom: 1px solid #6d7c83;
        position: absolute;
        display: block;
        width: 80%;
        bottom: 50%;
        left: 10%;
        margin-bottom: -1px;
      }
    }
  }
  .photoset-5{
    position: relative;
    height: 340px;
    width: 100%;
    margin-bottom: 20px;
    background: #454545;
    .photoset-title{
      font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu";
      color: #ffffff;
      font-size: 18px;
      line-height: 18px;
      font-weight: bold;
      margin-bottom: 20px;
      width: 992px;
      margin: 0 auto;
      margin-bottom: 26px;
    }
    .img-inner{
      padding-top: 45px;
    }
    .btn-prev,.btn-next{
      height: 70px;
      line-height: 70px;
      text-align: center;
      width: 70px;
      font-size: 30px;
      position: absolute;
      color: #B6B6B6 !important;
      display: inline-block;
      text-decoration: none;
      left: 50%;
      top: 50%;
      margin-top: -38px;
      &:hover{
        background: #D45535;
        color: #fff;
      }
    }
    .btn-prev{
      margin-left: -600px;
    }
    .btn-next{
      margin-left: 530px;
    }
    a{
      color: #B6B5B5;
    }
    .img-list{
      height: 178px;
      position: relative;
      width: 1000px;
      margin: 0 auto;
      overflow: hidden;
      ul{
        position: absolute;
        left: 0;
        -webkit-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
      }
      li.item{
        width: 220px;
        font-size: 14px;
        float: left;
        margin-right: 25px;
        img{
          width:220px;
          height: 150px;
          background: #f2f2f2;
        }
        p{
          color: #B6B5B5;
          margin-top: 12px;
        }
      }
    }
  }
  .photoset-7{
    font-size: 14px;
    
    .item{
      float: left;
      margin-right: 20px;
      width: 235px;
      &.last{
        margin-right: 0;
      }
    }
    .title-link{
      line-height: 50px;
    }
  }
  .photoset-8{
    width: 960px;
    margin: 0 auto;
  }
  .photoset-9, .photoset-10{
    padding: 20px 0 54px;
    background: #F3F3F3;
    .item{
      float: left;
      width: 220px;
      margin-top: 15px;
      margin-left: 16px;
      padding: 9px;
      background-color: #fff;
      &.first{
        margin-left: 0;
      }
    }
    .title{
      display: block;
      margin: 12px 0 23px;
      color: #282828;
      font-size: 14px;
    }
    .keyword{
      display: inline-block;
      *zoom: 1;
      padding: 3px 6px;
      border-radius: 3px;
      font-size: 12px;
      color: #fff;
      background-color: #454545;

    }
  }
  .photoset-10{
    .item{
      position: relative;
    }
    .index{
      position: absolute;
      width: 34px; height: 34px;
      top: 0; left: 98px;
      line-height: 34px;
      text-align: center;
      font-size: 20px;
      color: #fff;
      background: #D45436;
    }
    .digest{
      color: #888888;
      line-height: 16px;
      word-break: break-all;
    }
  }
} 

// Vedio
.ntes-vedio{
  .vedio-1{
    background: #303030;
    padding: 23px 0 32px;
    .vedio-title{
      color: #fff;
      font: bold 18px/1 'Microsoft Yahei';
      margin-bottom: 22px;
    }
    .vedio-content{
      height: 535px;
    }
  }
  .vedio-2{
    background-color: #303030;
    padding: 23px 0 32px;
    .vedio-title{
      color: #fff;
      font: bold 18px/1 'Microsoft Yahei';
      margin-bottom: 22px;
    }
  }
}

// Share
.ntes-global-share{
  position: fixed;
  _position: absolute;
  z-index: 10;
  width: 50px;
  left: 50%;
  bottom: 50px;
  margin-left: 540px;
  .item{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50px; height: 50px;
    margin-top: 10px;
    background: url(http://img3.cache.netease.com/utf8/xocean/images/share.png) 0 0 no-repeat;
  }
  .share{
    position: relative;
    background-position: 0 -50px;
    &:hover{
      background-position: 0 0;
      .share-wrap{
        display: block;
      }
    }
  }
  .tie{
    cursor: pointer;
    background-position: -50px -50px;
    &:hover{
      background-position: -50px 0;
    }
  }
  .top{
    cursor: pointer;
    background-position: -100px -50px;
    &:hover{
      background-position: -100px 0;
    }
  }
  .share-wrap{
    display: none;
    position: absolute;
    top: 0; left: -275px;
    width: 260px;
    padding: 12px 0 12px 13px;
    border: 1px solid #CCCCCC;
    background-color: #FAFAFA;
  }
  .sns{
    float: left;
    width: 24px; height: 24px;
    margin-right: 13px;
    cursor: pointer;
    background: url(http://img3.cache.netease.com/utf8/xocean/images/share.png) no-repeat;
    &.netease{
      background-position: 0 -160px;
    }
    &.yixin{
      background-position: -30px -160px;
    }
    &.sina{
      background-position: -60px -160px;
    }
    &.qzone{
      background-position: -90px -160px;
    }
    &.renren{
      background-position: -120px -160px;
    }
    &.youdao{
      background-position: -150px -160px;
    }
    &.code{
      background-position: -180px -160px;
    }

  }
}
.ntes-inner-share{
  float: right;
  display: inline;
  position: relative;
  &:hover{
    .share-join-item{
      display: block;
    }
  }
  .share-menu{
    width: 63px;
    height: 20px;
    overflow: hidden;
    line-height: 1000px;
    display: block;
    cursor: pointer;
    background: url(http://img1.cache.netease.com/f2e/education/edu2014/images/news_share1.png) no-repeat 0 -2px;
  }
  .share-join-item {
    display: none;
    _z-index: 2;
    position: absolute;
    width: 146px;
    border: 1px #cdcdcd solid;
    z-index: 999;
    right: 0;
    top: 20px;
    background-color: #fff;
  }
  .border-bottom-dotted {
    border-bottom: 1px #ddd dotted;
  }
  .share-tab-ntes, .share-tab-sina, .share-tab-qq, .share-tab-renren, .share-tab-youdao {
    padding: 6px 0;
    margin: 0 15px;
  }
  .share-tabs{
    a {
      display: block;
      line-height: 24px;
      margin-right: 9px;
      font-size: 12px;
    }
    span{
      float: left;
      width: 24px; height: 24px;
      margin-right: 10px;
      background: url(http://img3.cache.netease.com/utf8/xocean/images/share.png) no-repeat;
    }
  }
  .share-tab-ntes span {
    background-position: 0 -160px;
  }
  .share-tab-sina span {
    background-position: -60px -160px;
  }
  .share-tab-qq span {
    background-position: -90px -160px;
    
  }
  .share-tab-renren span {
    background-position: -120px -160px;
    
  }
  .share-tab-youdao span {
    background-position: -150px -160px;
    
  }
}
